<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .da{
            background-color: #ffc0cb;
            width: 600px;
            height:400px;
            margin: auto;
        }
        .z{
            text-align: center;
        }
        .zo{
            margin: auto;
            width: 500px;
        }
        .zs{
            color: red;
            border: #1501de 2px solid ;
            width: 250px;
            height: 40px;
            text-align: center;
            margin: auto;
            float: left;
            padding-top: 20px;
        }
        .zx{
            float: left;
            border: #1501de 2px solid ;
            width: 200px;
            height: 40px;
            text-align: center;
            padding-top: 20px;
            color: red;
        }
        .zozu{
            border: #1501de 2px solid ;
            width: 250px;
            height: 150px;
            float: left; 
            padding-top: 20px; 
        }
        .zor{
            border: #1501de 2px solid ;
            float: left;
            width: 200px;
            height: 150px;
            text-align: center;
            padding-top: 20px;
        }
        .x{
            width: 453px;
            height: 30px;
            float: left;
            border: #1501de 2px solid ;
            text-align: center;
            padding-top: 20px;
        }
    </style>
</head>
<body>
    <div class="da">
        <span class="z"><h1>影片介绍</h1></span><br>
        <div class="zo">
        <div class="zs">
            热映影片
        </div>
        <div class="zx">
            影片简介
        </div>
        <div class="zozu">
            <ul>
                <li>一出好戏</li>
                <li>爱情公寓</li>
                <li>西虹市首富</li>
                <li>风语咒</li>
            </ul>
        </div>
        <div class="zor">
            点击查看-黄渤<br>
            点击查看-韦正<br>
            点击查看-闫非<br>
            <a href="#">点击查看-黄渤</a>
        </div>
        <div class="x">
            <i>观影小提示:别着急,片尾字幕进行中有彩蛋--2018年</i>
        </div>
        </div>
    </div>
</body>
</html>